<div id="courseStudy" class="courseModule">
    <div class="panel">
         <div class="panel-body">
            <div class="top clearfix" >
                <div class="right ">
                    <div class="top"  >
                        <b>我的课程</b>
                        <div ng-repeat="item in data.terms" ng-if="item.id==data.currTerm"><i></i>本学期共有<span>{{item.scores.length}}</span>门课程</div>
                    </div>
                    <div class="bottom">
                         <div class="buttonGroupDirective">
                            <button type="button"  class="btn" ng-repeat="item in data.terms" ng-class="{'active':item.id==data.currTerm}" ng-click="showTerm(item.id)" >{{item.name}}</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="bottom">
                <div class="clearfix">
                    <div class="left pull-left"><i></i>课程列表</div>
                    <!--<div class="right pull-right">剩余<span>15</span>门课程未完成</div>-->
                </div>
                <ul class="clearfix" ng-repeat="term in data.terms" ng-if="term.id==data.currTerm">
                    <li class="pull-left" ng-repeat="item in term.scores">
                        <a ui-sref="course.wareView({courseId:item.courseId,wareId:0})">
                            <div class="top">
                                <img ng-src="{{host}}/{{item.course.logo}}" alt="">
                            </div>
                            <!--<div class="middle">{{item.courseName}}</div>-->
                            <div class="bottom clearfix">
                                <!--<span class="pull-left">继续学习</span>-->
                                <div class="pull-left">{{item.courseName}}</div>
                                <!--<div class="pull-right"><i></i>已学习至<span>13</span>课时</div>-->
                                <div class="pull-right">学习进度为{{::item.percent*100|number:2}}%</div>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>